<style type="text/css">
    .qwe{
       background-color: #fafbfc;
    }
    .rty{
        background-color: #ffffff;
    }
    .header{
        text-align:center; 
        border-left:1px solid #eaeff0; 
        border-top:1px solid #eaeff0;
        border-bottom:1px solid #eaeff0;  
        padding: 8px 0px;
        background-color: #ffffff;
        color: #58666e
    }
    .content_style{
        text-align:center; 
        border-left:1px solid #eaeff0;
        border-bottom:1px solid #eaeff0;
    }
    .pad5{
        padding: 5px 15px;
    }
    .padimg{
        padding: 0px 20px 0px 20px;
    }
    .content{
        border-right:1px solid #eaeff0;  
    }
    /*.bor5{
        border-collapse: 6px
    }*/
</style>
<div class="col-sm-12 mt20">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="form-group ">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-sm-2">
                                <input type="text" class="form-control" placeholder="用户昵称" ng-model="searchform.nickname" ng-keyup="myKeyup($event)">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" class="form-control" placeholder="绑定电话" ng-model="searchform.mobile" ng-keyup="myKeyup($event)">
                            </div>
                            
                            <div class="col-sm-3">
                                <div class="input-group" datetimepicker ng-model="vm.date" options="vm.options">
                                    <input class="form-control" />
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                    <div class="input-group" datetimepicker ng-model="vm1.date" options="vm1.options">
                                        <input class="form-control" />
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>
                            <div class="col-sm-2">
                                <button type="submit" class="btn btn-info search  btn-block" ng-click="getlist()">立即搜索</button>
                            </div>
                        </div>
                        
                    </div>
                    <br/>
                    <br/>
                </div>
                <div class="form-group">
                    <div class="col-sm-12">
                    </div>
                </div>
            </div>
        </div>
    
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="col-sm-12" style="display: table; width: 100%;table-layout:fixed;padding: 0px">
                        <div class="pull-left header" style="height: 50px; width: 10%"><b>用户头像</b></div>
                        <div class="pull-left header" style="height: 50px; width: 30%"><b>昵称</b></div>
                        <div class="pull-left header" style="height: 50px; width: 20%"><b>绑定电话</b></div>    
                        <div class="pull-left header" style="height: 50px; width: 20%"><b>绑定时间</b></div>
                        <div class="pull-left header content" style="height: 50px; width: 20%"><b>操作</b></div>
                        
                    </div>
                    <div class="col-sm-12" ng-repeat="obj in objs " style="display: table; width: 100%;table-layout:fixed;padding: 0px">
                        <div ng-click="show($index)" ng-class="{true:'qwe', false:'rty'}[$index%2 == 0]" class="pull-left content_style padimg text-center" style="height: 50px; width: 10%;">
                            <img ng-src="{{obj.headimgurl}}" class="" style="border-radius:100px; width: 50%; margin-top:5px">
                        </div>
                        <div ng-click="show($index)" ng-class="{true:'qwe', false:'rty'}[$index%2 == 0]" class="pull-left content_style" style="height: 50px; width: 30%; padding: 8px 0px">{{obj.nickname}}</div>
                        <div ng-click="show($index)" ng-class="{true:'qwe', false:'rty'}[$index%2 == 0]" class="pull-left content_style" style="height: 50px; width: 20%; padding: 8px 0px">{{obj.mobile}}</div>
                        <div ng-click="show($index)" ng-class="{true:'qwe', false:'rty'}[$index%2 == 0]" class="pull-left content_style" style="height: 50px; width: 20%; padding: 8px 0px">{{obj.create_time}}</div>
                        <div ng-class="{true:'qwe', false:'rty'}[$index%2 == 0]" class="pull-left content_style content" style="height: 50px; width: 20%; padding: 8px 0px">
                            <a ng-click="info(obj.userid)"  class="btn btn-warning btn-xs" style="margin-top:10px">详情</a>
                            <a ng-click="delmobile(obj.userid)" ng-show="(obj.mobile != undefined) && obj.mobile != ''" class="btn btn-danger btn-xs" style="margin-top:10px">手机解绑</a>
                        </div>
            
                        <div ng-show="b==1&&c==$index" ng-class="{true:'qwe', false:'rty'}[$index%2 == 0]" class="col-sm-12" style="border-left:1px solid #eaeff0; border-right:1px solid #eaeff0; border-bottom:1px solid #eaeff0;padding: 10px 5px">
                            <div class="pull-left col-sm-4 pad5" >
                                    昵称:{{infoobj.nickname}}
                            </div>
                            <div class="pull-left col-sm-4 pad5" >
                                    绑定电话:{{infoobj.mobile}}
                            </div>
                            <div class="pull-left col-sm-4 pad5" >
                                    绑定时间:{{infoobj.create_time}}
                            </div>
                            <div class="pull-left col-sm-4 pad5" >
                                openid:{{infoobj.openid}}
                            </div>
                            <div class="pull-left col-sm-4 pad5" >
                                wxid:{{infoobj.wxid}}
                            </div>
                            
                        </div>
            
                    </div>
                <div class="text-right">
                    <pagination total-items="bigTotalItems" ng-model="bigCurrentPage" ng-change="getlist()" previous-text="上一页" next-text="下一页"
                     first-text="首页" last-text="尾页" max-size="maxSize" boundary-links="true" rotate="false" items-per-page="itemsPerPage"
                     class="m-t-none m-b">
                    </pagination>
                </div>
            </div>
        </div>
    
    </div>